<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <title>我的课程</title>
    <link rel="stylesheet" type="text/css" href="css/frameHtml.css">
    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
			$("div.tableList>table tr").dblclick(function(){
				location.href="tea_MyClass.html";
			})
        });
    </script>
</head>
<body>
<header>
    <div><a href="">我的课程</a></div>
</header>
<div class="tableList">
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <th></th>
            <th>课程编号</th>
            <th>课程名称</th>
            <th>课程描述</th>
            <th>课程人数</th>
            <th>课程状态</th>
        </tr>
        <tr dataId="AC001">
            <td>1</td>
            <td>AC001</td>
            <td>影视鉴赏</td>
            <td>46786764865534453</td>
            <td>34</td>
            <td>已开课</td>
        </tr>
        <tr dataId="AC002">
            <td>2</td>
            <td>AC002</td>
            <td>历史鉴赏</td>
            <td>46786764865534453</td>
            <td>32</td>
            <td>已结课</td>
        </tr>
        <tr dataId="AC003">
            <td>3</td>
            <td>AC003</td>
            <td>古代体育</td>
            <td>46786764865534453</td>
            <td>34</td>
            <td>已开课</td>
        </tr>
        <tr dataId="AC004">
            <td>4</td>
            <td>AC004</td>
            <td>网页制作</td>
            <td>46786764865534453</td>
            <td>31</td>
			<td>待开课</td>
        </tr>
    </table>
</div>
<div class="tablePage">
    <div>共<span>34</span>条记录，每页<span>10</span>条，共<span>4</span>页</div>
    <a href="" class="pageTop"></a>
    <a href="" class="pageUp"></a>
    <em><input type="text" name="tablePage"></em>
    <a href="" class="pageDown"></a>
    <a href="" class="pageBottom"></a>
</div>
</body>
</html>
<!--滚动条开始-->
<link rel="stylesheet" type="text/css" href="mCustomScrollbar/jquery.mCustomScrollbar.css">
<script src="js/jquery-ui.min.js"></script>
<script src="mCustomScrollbar/jquery.mousewheel.min.js"></script>
<script src="mCustomScrollbar/jquery.mCustomScrollbar.js"></script>
<style>
    ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,._mCS_1 .mCSB_scrollTools .mCSB_draggerRail{
        border-radius: 0;
        margin: 0;
    }
    ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        /* 2nd scrollbar dragger style... */
        background-color: #355372;
        height: 10px;
    }
    ._mCS_1 .mCSB_scrollTools .mCSB_draggerRail{
        height: 8px;
        border: 1px solid #355372;
        background-color: #FFFFFF;
    }
</style>
<script type='text/javascript'>
    (function ($) {
        $(document).ready(function () {
            $("div.tableList").mCustomScrollbar({
                scrollButtons: {
                    enable: false,
                    scrollType: "continuous",
                    scrollSpeed: 20,
                    scrollAmount: 40
                },
                horizontalScroll: true
            });
        });

    })(jQuery);
</script>
<!--滚动条结束-->